<template>
	<div class="page">
		<el-container>
			<el-main>
				<el-row :gutter="20">
					<el-col :span="18">
						<Main />
					</el-col>
					<el-col :span="6">
						<Content />
						<History />
						<Hot />
					</el-col>
				</el-row>
			</el-main>
		</el-container>
		<Footer />
	</div>
</template>

<script>
	import Main from '@/components/page/Main.vue'
	import Content from '@/components/Content.vue'
	import History from '@/components/History.vue'
	import Hot from '@/components/Hot.vue'
	import Footer from '@/components/Footer.vue'
	export default {
		name: "Page",
		components: {
			Main,
			Content,
			History,
			Hot,
			Footer
		}
	}
</script>

<style scoped>
	
</style>
